<template>
      <view class="s-tabbar" 
       :style="{
        height:customBar+'px',
        fontSize:'16px',
        paddingBottom:platform=='web'?'10px':'14px',
        color:'#fff',
        background:theme.colorType==1?theme.primaryColor:theme.primaryColorPure
       }"
      >
      <view>{{ name }}</view>
      
      <u-icon @tap="jump" class="s-back" 
      style="margin-bottom: 4px;"
       name="arrow-leftward" 
       :color="'#fff'" size="28"></u-icon>
    </view>
 
</template>
      
    <script>
    let s;
      export default {
       
        props: {
            
            name:{
                type:String,
                default:'',
            }
        },
        data() {
          return {
            loading:true,
            customBar:0,
            statusBar:0,
            platform:'web',
            theme:{},
          }
        },
        async created(){
          s = this
          s.$utils.ui.getSystemBaseSetting(s)
          s.$utils.ui.getSystemPageTheme(s)
         console.log(s.platform,'aaaaaaa')
          s.loading = false
        },
        methods: {
         jump(){
            s.$u.route({ type: 'navigateBack', params: {} })
         }
        }
      }
    </script>
      